@import '../index.less';

.I-I-I {
  &__title {
    text-align: center;
    .page-title;
    margin-bottom: @range-normal;
  }
  &__table {
    .border-width;
    &-trone {
      &-td {
        width: 100%;
        &-title {
          .table-title;
        }
        &-desc {
          font-size: @font-size-five;
          font-family: @font-family-kai;
        }
      }
    }
    &-trtwo, &-trfive {
      height: 40px;
      .border-bottom;
      .border-top-width;
      &-td {
        &-title {
          .table-title;
          &-tips {
            .table-title-tips;
          }
        }
      }
    }
    &-trthree {
      .border-bottom-width;
    }
    &-trfour {
      font-size: @font-size-five;
      text-align: center;
      .border-bottom;
      td {
        height: 40px;
        .border-right;
      }
      &-rowtd {
        width: 160px;
      }
      &-tdtwo {
        width: 140px;
      }
      &-tdthree {
        width: 100px;
        &-input {
          width: 50px;
          border: none;
          font-size: @font-size-five;
          text-align: center;
        }
      }
      &-tdfour {
        width: 240px;
      }
      &-tdfive {
        min-width: 140px;
        &-input {
          padding: 0;
        }
      }
    }
    &-trseven {
      position: relative;
      td {
        height: 40px;
        font-weight: @font-weight-bolder;
        text-align: center;
        .border;
      }
      &-tdone {
        &-select {
          border: none;
        }
      }
      &-add-button {
        position: absolute;
        top: 50%;
        left: 100% + 2px;
        transform: translateY(-50%);
      }
    }
    &-treight {
      position: relative;
      td {
        height: 40px;
        text-align: center;
        .border;
      }
      &-tdtwo {
        &-input {
          text-align: center;
        }
      }
      &-tdthree {
        width: 94px;
        &-input {
          width: 84px;
          text-align: center;
        }
      }
      &-delete-button {
        position: absolute;
        top: 50%;
        left: 100% + 2px;
        transform: translateY(-50%);
      }
    }
  }
  &__explain {
    .page-tips;
    &-strong {
      font-weight: @font-weight-bolder;
    }
  }
}